$(function() {

    /**
	 * 获取二级分类数据并展示在页面中
	 */
    var page = 1;
    var pageSize = 10;
    var totalPage = 0;

    getData();

    $("#nextBtn").on("click", function() {
        page ++;
        if (page > totalPage) {
            page = totalPage;
            alert("已经最后一页了");
            return;
        }
        getData();
    });
    $("#prevBtn").on("click", function() {
        page --;
        if (page < 1) {
            page = 1;
            alert("已经第一页了");
            return;
        }
        getData();
    });

    function getData() {
        $.ajax({
            type: "GET",
            url: ajaxUrl("querySecondCategoryPaging"),
            data: {
                page: page,
                size: pageSize
            },
            success: function(res) {
                // console.log(res);

                totalPage = Math.ceil(res.data.count / pageSize);
                var html = template("categorySecondTpl", res.data);
                $("#categorySecondBox").html(html);
            }
        })
    }

    /**
	 * 二级分类添加
	 * 1.获取一级分类的数据并显示在选择框中
	 * 2.图片文件上传
	 * 3.调用接口 实现二级分类数据添加
	 */
    $.ajax({
        type: "GET",
        url: ajaxUrl("queryTopCategoryPaging"),
        data: {
            page: 1,
            size: 100,
        },
        success: function(result) {
            console.log(result);

            var html = template("categoryFirstTpl", result.data);
            $("#categoryFirstBox").html(html);
        }
    });

    var previewImg = "";

    // 上传图片
    $("#fileUpload").fileupload({
        datatype: 'json',
        done: function(e, data) {
            // console.log(data);

           // 上传图片预览
           $('#preview').attr("src",data.result.data.picAddr);

            previewImg = data.result.data.picAddr;
        }
    });

	// 实现二级分类的添加
    $("#save").on("click", function() {
        var categoryId = $("[name='categoryId']").val();
        var brandName = $.trim($("[name='brandName']").val());

        $.ajax({
            type: "POST",
            url: ajaxUrl("addSecondCategory"),
            data: {
                brandName: brandName,
                categoryId: categoryId,
                brandLogo: previewImg,
                isDelete: 1,
                hot: 0,
            },
            success: function(res) {
                if (res.code === 200) {
                    location.reload();
                }
            }
        })
    });
})